.home{
    height: 100vh;
    overflow: auto;
}
.tops{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    background: #fff;
    height: .5rem;
}
.tops .top-left{
    color: #000;
    position: absolute;
    left: .1rem;
    top: .14rem;
    z-index: 100;
    font-size: .2rem;
}
.tops .top-center .search{
    padding: 0;
    margin: .1rem auto;
    height: .3rem;
    line-height: .3rem;
    border-radius: .4rem;
    background: #fff;
    color: #999;
    width: 80%;
    border: 1px solid #ccc;
    display: block;
    text-align: center;
}
.tops .top-center .search span{
    display: inline-block;
    position: relative;
    width: .15rem;
    top: 2px;
    margin-right: 2px;
}
.tops .top-center .search span img{
    position: relative;
}
.tops .top-rigth{
    color: #000;
    position: absolute;
    right: .14rem;
    font-weight: 700;
    transform: rotate(90deg);
    top: .16rem;
    z-index: 100;
    font-size: .2rem;
}
.content{
    margin-top: 60px;
    background: #f5f5f5;
}
.content .con-ify{
    width: 100%;
    overflow: auto;
}
/* .content .mid{
    width: 94%;
    margin: 0 auto;
    background-color: #fff;
    padding: .1rem .1rem 0 .1rem;
} */
.content .goods{
    width: 94%;
    margin: 0 auto;
    padding: .1rem 0;
}
.content .con-ify .ify{
    display: flex;
}
.content .con-ify .ify .ify-list{
    width: 55px;
    font-size: .12rem;
    margin: .1rem;
}
.content .con-ify .ify .ify-list p{
    line-height: .3rem;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.content .con-ify .ify .ify-list div img{
    margin: 0 auto;
}
.content .con-ify .ify .ify-list div{
    border-radius: 50%;
    overflow: hidden;
    width: .55rem;
    height: .55rem;
    padding: .06rem;
    background-color: #fff;
    display: flex;
    align-items: center;
    border: 1px solid #fff;
}
/* .content .mid .mid-top{
    min-height: .33rem;
    overflow: hidden;
} */
.content .goods .p{
    line-height: 20px;
    height: 20px;
    color: #969799;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
}
.cardlist{
    display: flex;
    margin: .1rem 0;
    height: 1.4rem;
}
.cardlist .cradimg{
    position: relative;
    width: 1.3rem;
    margin: .05rem;
}
.cardlist .cradcont {
    flex: 1;
    margin: .05rem .1rem;
}
.cardlist .cradimg img{
    border-radius: .1rem;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.cardlist .cradcont .title{
    height: .4rem;
}
.cardlist .cradcont .title{
    height: .4rem;
}
.cardlist .cradcont .subTitle{
    margin-top: .05rem;
    color: #ccc;
    font-size: .12rem;
    height: .36rem;
}
.cardlist .cradcont .moneys {
    height: .28rem;
}
.cardlist .cradcont .address{
    display: flex;
    line-height: .25rem;
}
.cardlist .cradcont .moneys .money{
    display: inline-block;
    color: #df2321;
    font-size: .18rem;
    margin-right: .03rem;
}
.cardlist .cradcont .moneys .money span{
    font-size: .14rem;
    margin: 0 .03rem;
}
.cardlist .cradcont .moneys .num{
    display: inline-block;
    color: #ccc;
    font-size: .12rem;
}
.cardlist .cradcont .address div .rigthicon{
    float: right;
    margin-top: .05rem;
}
.cardlist .cradcont .address div{
    font-weight: 500;
    margin: .02rem .05rem;
    line-height: .2rem;
    font-size: .12rem;
    color: #999;
}
.load{
    text-align: center;
}